style: Fix some high contrast papercuts

- add HC style to slider
- add HC style to Quick settings submenu header
- fix border issue with flat card style

Closes: https://gitlab.gnome.org/GNOME/gnome-shell/-/issues/7320
Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/3165>

diff --git a/data/theme/gnome-shell-sass/_common.scss b/data/theme/gnome-shell-sass/_common.scss
index 32c90ded2f3e4209daaeaa54f447de3dd9e23b41..adb8b70ef20c6970d7b7685c4bd672f9144e6f03 100644 (file)
--- a/data/theme/gnome-shell-sass/_common.scss
+++ b/data/theme/gnome-shell-sass/_common.scss
@@ -159,6 +159,7 @@ stage {
 
 %card_flat {
   @extend %card_common;
+  border: 1px solid transparent !important; // override of the button style needed here
   @include button(undecorated, $style: flat);
   &:hover { @include button(hover, $style: flat);}
   &:active { @include button(active, $style: flat);}

diff --git a/data/theme/gnome-shell-sass/widgets/_calendar.scss b/data/theme/gnome-shell-sass/widgets/_calendar.scss
index c6faec6709ecd0456c0001994a55ca7b6483a7f7..028318e25f6071b754a82eb22deb997edd36b3fd 100644 (file)
--- a/data/theme/gnome-shell-sass/widgets/_calendar.scss
+++ b/data/theme/gnome-shell-sass/widgets/_calendar.scss
@@ -1,7 +1,6 @@
 /* Date/Time Menu */
 
 // overall menu
-
 #calendarArea {
   padding: $base_margin;
 }

diff --git a/data/theme/gnome-shell-sass/widgets/_quick-settings.scss b/data/theme/gnome-shell-sass/widgets/_quick-settings.scss
index 3fa0cdabe8ccb7750e733e96d738338c552f58ea..df752aa47b22b5173f22ae886289a4ed6ec167a1 100644 (file)
--- a/data/theme/gnome-shell-sass/widgets/_quick-settings.scss
+++ b/data/theme/gnome-shell-sass/widgets/_quick-settings.scss
@@ -122,6 +122,14 @@
         background-color: $selected_bg_color;
         color: $selected_fg_color;
       }
+
+      // draw hc outline
+      @if $contrast == 'high' {
+        @include draw_hc_inset();
+        &.active {
+          @include draw_hc_inset($no_inset: true);
+        }
+      }
     }
 
     & .title {

diff --git a/data/theme/gnome-shell-sass/widgets/_slider.scss b/data/theme/gnome-shell-sass/widgets/_slider.scss
index 0c444f7555c781e9743dcdd047a805ed2c1e3f74..f7085825fa376e9e0f7f4e9d803f70777cebcf7e 100644 (file)
--- a/data/theme/gnome-shell-sass/widgets/_slider.scss
+++ b/data/theme/gnome-shell-sass/widgets/_slider.scss
@@ -19,4 +19,9 @@ $slider_size: $scalable_icon_size;
   -slider-handle-radius: $slider_size * 0.5; // half the size of the size
   -slider-handle-border-width: 0;
   -slider-handle-border-color: transparent; // because 0 width
+
+    // hc style
+    @if $contrast == 'high' {
+      -barlevel-background-color: transparentize($fg_color, 0.6);
+    }
 }